//1. 引入Vue
import Vue from "vue";

//2. 引入VueRouter
import VueRouter from "vue-router";

//引入路由组件
import Login from "../pages/Login";
import Home from "../pages/Home";
import News from  "../pages/Home/News"
import Music from "../pages/Home/Music"
import Games from "../pages/Home/Games"
//3. 让Vue使用VueRouter这个插件
Vue.use(VueRouter) ;

//4.创建路由器对象
export default new VueRouter({
  //在实例化路由器对象的配置中,书写路由表配置
  routes: [
    { path: "/login", component: Login ,name: "login"},
    { path: "/home", component: Home , name: "home",
    children :[
      { path: "music/:id/:tiem?", component: Music, name: "music" },
      { path: "news", component: News, name: "news" },
      { path: "games", component: Games, name: "games" },
      { path: "", redirect: "/home/news" },
    ]},
       /* 通过路由规则的redirect属性，指定一个新的路由地址，可以很方便地设置路由的重定向 */
       { path: "/", redirect: "/home" },
  ],
});
